.register {
  width: 100vw;
  padding: 0;
  margin: 0;
  height: 100vh;
  font-size: 16px;
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #242645;
  color: #fff;
  font-family: "Source Sans Pro";
  background-size: 100%;
  background-image: url("../img/background.png");
  position: relative;

  .register_box {
    width: 400px;
    height:600px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 15px;
    padding: 50px 40px 40px 40px;
    box-shadow: -15px 15px 15px rgba(6, 17, 47, 0.7);
    opacity: 1;
    background: linear-gradient(230deg, rgba(20, 193, 138, 0.807) 0%, rgba(75, 5, 67, 0.372) 100%);

    .register-content {
      .register-input {
        input {
          border: none;
          color: #fff;
          background-color: transparent;
          font-size: 20px;
        }
      }
    }


    .register-form-text {
      margin-left: 30px;
      display: inline-block;
      font-weight: 600;
      font-size: 30px;
      -webkit-box-reflect: below 3px -webkit-linear-gradient(transparent, transparent 50%, rgba(255, 255, 255, 0.3));
      line-height: 1;
      -webkit-background-clip: text;
      background-clip: text;
      color: rgba(255, 255, 255, 0.9);
    }

    img {
      display: inline-block;
      margin: 0 auto 20px;
      width: 75px;
      height: 75px;
      font-size: 40px;
    }

    img,
    .register-form-text {
      margin-top: -20px;
    }
  }
}